<div class="table-responsive">
    <table class="table table-hover">
        <thead>
            <tr>
                <th>
                    {{ trans('options.key') }}
                </th>
                <th>
                    {{ trans('options.name') }}
                </th>
                <th>
                    {{ trans('options.status') }}
                </th>
                <th>
                    {{ trans('system.actions') }}
                </th>
            </tr>
        </thead>
        <tbody>
            @foreach($aData as $key => $oObject)
            <tr>
                <td class="bold">
                    {{{ $key }}}
                </td>
                <td>
                    {{{ $oObject->data }}}
                </td>
                <td>
                    @if($oObject->status == 'PUBLISHED')
                    <span class="label label-sm label-success">
                        {{{ trans('options.PUBLISHED') }}}
                    </span>
                    @else
                    <span class="label label-sm label-danger">
                        {{{ trans('options.UNPUBLISH') }}}
                    </span>
                    @endif
                </td>
                <td>
                    <a class="btn default yellow-stripe btn-xs btn-edit {{ CNamHoa::getHideClass('option-edit', ['addClass' => 'hide']) }}" data-url="{{ route('option-edit', ['page' => $page, 'id' => $oObject->id ]) }}">
                        <i class="fa fa-pencil"></i> {{ trans('system.button.edit') }}
                    </a>
                    <a class="btn default red-stripe btn-xs btn-remove {{ CNamHoa::getHideClass('option-remove', ['addClass' => 'hide']) }}" data-url="{{ route('option-remove', ['id' => $oObject->id ]) }}">
                        <i class="fa fa-trash-o"></i> {{ trans('system.button.delete') }}
                    </a>
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>
</div>